@prefix-imagePreview: ~'@{nameSpace}-imagePreview';

.@{prefix-imagePreview} {
  .absolute-fill();
  overflow: hidden;
  z-index: 2000;

  .@{prefix-imagePreview}-main {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2000;
    .flex-center();
  }

  .@{prefix-imagePreview}-icon {
    .cursor-pointer();
    color: var(--design-bg-color-5);
  }

  .@{prefix-imagePreview}-options {
    padding: 24px 0;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .@{prefix-imagePreview}-imgContent {
    height: 100%;
    width: 100%;
    overflow: auto;
    margin-right: 60px;
    display: flex;
    justify-content: center;
  }

  .@{prefix-imagePreview}-img {
    object-fit: contain;
  }
}